<template>
    <div class="ProductList">
        <product-list-one></product-list-one>
        <product-list-two></product-list-two>
    </div>
</template>

<script>
import ProductListOne from './ProductListOne'
import ProductListTwo from './ProductListTwo'

export default {
    components:{
        'product-list-one':ProductListOne,
        'product-list-two':ProductListTwo,
    }
    
}
</script>

<style scoped>
.ProductList {
    width: 100%;
    max-width: 1200px;
    margin: 40px auto;
    padding: 0 20px;
    box-sizing: border-box;
}
</style>
